<!doctype html>
<html><head>
	<!-- Basic Page Needs -->
        <meta charset="utf-8">
        <title>Appcorner - Icon Font</title>
        <meta name="description" content="A Template by Gozha.net">
        <meta name="keywords" content="HTML, CSS, JavaScript">
        <meta name="author" content="Gozha.net">

 
    <!-- Mobile Specific Metas-->
    	<meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta content="telephone=no" name="format-detection">
    
    <!-- Fonts -->
        <!-- SourceSansPro -->
        <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,400italic' rel='stylesheet' type='text/css'>
        <!-- Icomoon -->
        <link href="css/icomoon.css" rel="stylesheet" />
        <!--  Font awesome 4-->
        <link href="css/font-awesome.css" rel="stylesheet" />
    
    <!-- Stylesheets --> 
    	
        <!-- Bootstrap 3 -->
    	<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css" rel="stylesheet" />
        <!-- Mobile navigation menu-->
        <link href="css/gozha-nav.css" rel="stylesheet" />

        <!-- Custom -->
        <link href="css/base.css?v=1" rel="stylesheet" />
        <link href="css/style.css?v=1" rel="stylesheet" />
		
		<!-- Basic JavaScript-->
		<!-- Modernizr -->
		<script src="js/modernizr.custom.05768.js"></script>
    
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> 
    <!--[if lt IE 9]> 
    	<script src="http://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7/html5shiv.js"></script> 
		<script src="http://cdnjs.cloudflare.com/ajax/libs/respond.js/1.3.0/respond.js"></script>		
    <![endif]-->
 
</head>

<body class='icon-page'>
    <div class='wrapper'>
        <header class='header'>
            <div class='container'>
                <p class='call-number'>You can just call us <span>+1-888-555-5555</span></p>
                <!-- social icon -->
                <ul class='social-icon pull-right'>
                    <li><a href="#"><i class='icon-instagram'></i></a></li>
                    <li><a href="#"><i class='icon-dribbble'></i></a></li>
                    <li><a href="#"><i class='icon-tumblr'></i></a></li>
                    <li><a href="#"><i class='icon-linkedin'></i></a></li>
                    <li><a href="#"><i class='icon-pinterest'></i></a></li>
                    <li><a href="#"><i class='icon-googleplus'></i></a></li>
                    <li><a href="#"><i class='icon-facebook'></i></a></li>
                    <li><a href="#"><i class='icon-twitter'></i></a></li>
                </ul><!-- end of social icon list -->

                <div class='top-navigation'>
                  <div class="navigation-front">
                    <a href="index.html" class='logo'>AppCorner</a>
                    <div id="navigation-box">
                        <a href="#" id="navigation-toggle">
                            <span class="menu-icon"></span>
                        </a> 
                        <ul id="navigation" class="hover-link">
                            <li>
                                <span class="sub-nav-toggle plus"></span>
                                <a href="#" data-hover='Home'>Home</a>
                                <ul>
                                    <li><a href="homepage1.html">Revolution Slider</a></li>
                                    <li><a href="homepage2.html">OneByOne Slider</a></li>
                                    <li><a href="homepage3.html">BxSlider</a></li>
                                    <li><a href="homepage4.html">FlexSlider</a></li>
                                    <li><a href="full-width-slider.html">Full Width</a></li>
                                    <li><a href="index.html">Video Slider</a></li>

                                </ul>
                            </li>
                            <li>
                                <span class="sub-nav-toggle plus"></span>
                                <a href="#" data-hover='Pages' class='active'>Pages</a>
                                <ul>
                                    <li><a href="about.html">About</a></li>
                                    <li><a href="single-employee.html">Single employee</a></li>
                                    <li><a href="service.html">Services</a></li>
                                    <li><a href="single-service.html">Single service</a></li>
                                    <li><a href="price.html">Price</a></li>
                                    <li><a href="page-element.html">Page elements</a></li>
                                    <li><a href="typography.html">Typography</a></li>
                                    <li><a href="icon-font-1.html">Icons - Font awesome</a></li>
                                    <li><a href="icon-font-2.html">Icons - Icomoon</a></li>
                                    <li><a href="login.html">Login</a></li>
                                    <li><a href="support.html">Support</a></li>
                                    <li><a href="coming-soon.html">Coming soon</a></li>
                                    <li><a href="404.html">404 error</a></li>

                                </ul>
                            </li>

                            <li class="visible-lg">
                               <span class="sub-nav-toggle plus"></span>
                               <a href="#" data-hover='Mega Menu'>Mega Menu</a>
                               <ul class="mega-menu">
                                  <li class="col-md-6">
                                    <div class="mega-menu-text">
                                        <h4>About Us</h4>
                                        <div class="image-wrap">
                                           <img alt='' src="http://placehold.it/420x420">
                                        </div>
                                        <div>
                                            <p>Morbi sit amet erat ut purus sagittis rutrum. Quisque ac porttitor massa. Maecenas sem magna, dignissim eu venenatis nec, cursus quis massa. 
                                                <br>
                                                <br>
                                            Sed et est tempor mi mollis suscipit sit amet et nulla. Morbi fringilla, quam eget blandit ornare, ipsum metus volutpat felis, eget cursus eros nulla nec purus.</p>        
                                        </div>
                                      </div>
                                  </li>
                                  <li class="col-md-6">
                                    <div class="mega-menu-item">
                                      <ul class="col-md-3">
                                        <li class="heading"><h4>Pages</h4></li>
                                        <li><a href="index.html">Home</a></li>
                                        <li><a href="about.html">About</a></li>
                                        <li><a href="single-employee.html">Single employee</a></li>
                                        <li><a href="service.html">Services</a></li>
                                        <li><a href="single-service.html">Single service</a></li>
                                        <li><a href="price.html">Price</a></li>
                                        <li><a href="page-element.html">Page elements</a></li>
                                      </ul>

                                      <ul class="col-md-3">
                                        <li class="empty"><div></div></li>
                                        <li><a href="typography.html">Typography</a></li>
                                        <li><a href="icon-font-2.html">Icons</a></li>
                                        <li><a href="coming-soon.html">Coming soon</a></li>
                                        <li><a href="404.html">404 error</a></li>
                                        <li><a href="login.html">Login</a></li>
                                        <li><a href="support.html">Support</a></li>
                                        <li><a href="contact.html">Contact</a></li>
                                      </ul>

                                      <ul class="col-md-3">
                                        <li class="heading"><h4>Gallery</h4></li>
                                        <li><a href="gallery-random.html">Random</a></li>
                                        <li><a href="gallery-three-columns.html">3 columns</a></li>
                                        <li><a href="gallery-two-columns.html">2 columns</a></li>
                                      </ul>

                                      <ul class="col-md-3">
                                        <li class="heading"><h4>Blog</h4></li>
                                        <li><a href="blog-style-one.html">Style 1</a></li>
                                        <li><a href="blog-style-two.html">Style 2</a></li>
                                        <li><a href="blog-style-three.html">Style 3</a></li>
                                        <li><a href="single-post.html">Post</a></li>
                                        <li><a href="single-post-two.html">Post style 2</a></li>
                                      </ul>
                                      </div>
                                  </li>
                               </ul>
                            </li>
                            <li>
                                <span class="sub-nav-toggle plus"></span>
                                <a href="gallery-random.html" data-hover='Gallery'>Gallery</a>
                                <ul>
                                    <li><a href="gallery-random.html">Gallery random</a></li>
                                    <li><a href="gallery-three-columns.html">Gallery 3 columns</a></li>
                                    <li><a href="gallery-two-columns.html">Gallery 2 columns</a></li>
                                    <li><a href="gallery-three-columns-iso.html">Gallery 3 columns sorted</a></li>
                                    <li><a href="gallery-two-columns-iso.html">Gallery 2 columns sorted</a></li>
                                </ul>
                            </li>
                            <li>
                                <span class="sub-nav-toggle plus"></span>
                                <a href="blog-style-one.html" data-hover='Blog'>Blog</a>
                                <ul>
                                    <li><a href="blog-style-one.html">Blog style 1</a></li>
                                    <li><a href="blog-style-two.html">Blog style 2</a></li>
                                    <li><a href="blog-style-three.html">Blog style 3</a></li>
                                    <li><a href="blog-audio.html">Audio blog</a></li>
                                    <li><a href="blog-video.html">Video blog</a></li>
                                    <li><a href="single-post.html">Single post</a></li>
                                    <li><a href="single-post-two.html">Single post style 2</a></li>
                                </ul>
                            </li>

                            <li>
                                <span class="sub-nav-toggle plus"></span>
                                <a href="shop-sidebar.html" data-hover='Shop'>Shop</a>
                                <ul>
                                    <li><a href="shop-sidebar.html">Shop with sidebar</a></li>
                                    <li><a href="shop-full.html">Shop fullwidth</a></li>
                                    <li><a href="single-product-sidebar.html">Single product sidebar</a></li>
                                    <li><a href="single-product-full.html">Single product fullwidth</a></li>
                                    <li><a href="checkout.html">Checkout</a></li>
                                    <li><a href="shopping-cart.html">Shopping cart</a></li>
                                </ul>
                            </li>
                            
                            <li><a href="contact.html" data-hover='Contact'>Contact</a></li>
                        </ul>
                  </div>
                </div>
              </div>

                <div class='main-zone'>
                    <div class="corner"></div>
                    <div class='corner-line'></div>
                    
                   <div class='current-page'>
                      <hr class="top-devider" />
                        <h1>icon font - icomoon</h1>
                        <ol class="breadcrumb">
                          <li><a href="index.html">home</a></li>
                          <li class="active">icon font - icomoon</li>
                        </ol>
                   </div>
                </div>
            </div>
        </header>

        <section class="container waypoint" data-animate-up="nav-strict" data-animate-down="nav-show">
            <ul class="icon-set">
                <li class="icon-phone"></li>
                <li class="icon-mobile"></li>
                <li class="icon-mouse"></li>
                <li class="icon-directions"></li>
                <li class="icon-mail"></li>
                <li class="icon-paperplane"></li>
                <li class="icon-pencil"></li>
                <li class="icon-feather"></li>
                <li class="icon-paperclip"></li>
                <li class="icon-drawer"></li>
                <li class="icon-reply"></li>
                <li class="icon-reply-all"></li>
                <li class="icon-forward"></li>
                <li class="icon-user"></li>
                <li class="icon-users"></li>
                <li class="icon-user-add"></li>
                <li class="icon-vcard"></li>
                <li class="icon-export"></li>
                <li class="icon-location"></li>
                <li class="icon-map"></li>
                <li class="icon-compass"></li>
                <li class="icon-location2"></li>
                <li class="icon-target"></li>
                <li class="icon-share"></li>
                <li class="icon-sharable"></li>
                <li class="icon-heart"></li>
                <li class="icon-heart2"></li>
                <li class="icon-star"></li>
                <li class="icon-star2"></li>
                <li class="icon-thumbs-up"></li>
                <li class="icon-thumbs-down"></li>
                <li class="icon-chat"></li>
                <li class="icon-comment"></li>
                <li class="icon-quote"></li>
                <li class="icon-house"></li>
                <li class="icon-popup"></li>
                <li class="icon-search"></li>
                <li class="icon-flashlight"></li>
                <li class="icon-printer"></li>
                <li class="icon-bell"></li>
                <li class="icon-link"></li>
                <li class="icon-flag"></li>
                <li class="icon-cog"></li>
                <li class="icon-tools"></li>
                <li class="icon-trophy"></li>
                <li class="icon-tag"></li>
                <li class="icon-camera"></li>
                <li class="icon-megaphone"></li>
                <li class="icon-moon"></li>
                <li class="icon-palette"></li>
                <li class="icon-leaf"></li>
                <li class="icon-music"></li>
                <li class="icon-music2"></li>
                <li class="icon-new"></li>
                <li class="icon-graduation"></li>
                <li class="icon-book"></li>
                <li class="icon-newspaper"></li>
                <li class="icon-bag"></li>
                <li class="icon-airplane"></li>
                <li class="icon-lifebuoy"></li>
                <li class="icon-eye"></li>
                <li class="icon-clock"></li>
                <li class="icon-microphone"></li>
                <li class="icon-calendar"></li>
                <li class="icon-bolt"></li>
                <li class="icon-thunder"></li>
                <li class="icon-droplet"></li>
                <li class="icon-cd"></li>
                <li class="icon-briefcase"></li>
                <li class="icon-air"></li>
                <li class="icon-hourglass"></li>
                <li class="icon-gauge"></li>
                <li class="icon-language"></li>
                <li class="icon-network"></li>
                <li class="icon-key"></li>
                <li class="icon-battery"></li>
                <li class="icon-bucket"></li>
                <li class="icon-magnet"></li>
                <li class="icon-drive"></li>
                <li class="icon-cup"></li>
                <li class="icon-rocket"></li>
                <li class="icon-brush"></li>
                <li class="icon-suitcase"></li>
                <li class="icon-cone"></li>
                <li class="icon-earth"></li>
                <li class="icon-keyboard"></li>
                <li class="icon-browser"></li>
                <li class="icon-publish"></li>
                <li class="icon-progress-3"></li>
                <li class="icon-progress-2"></li>
                <li class="icon-brogress-1"></li>
                <li class="icon-progress-0"></li>
                <li class="icon-sun"></li>
                <li class="icon-sun2"></li>
                <li class="icon-adjust"></li>
                <li class="icon-code"></li>
                <li class="icon-screen"></li>
                <li class="icon-infinity"></li>
                <li class="icon-light-bulb"></li>
                <li class="icon-credit-card"></li>
                <li class="icon-database"></li>
                <li class="icon-voicemail"></li>
                <li class="icon-clipboard"></li>
                <li class="icon-cart"></li>
                <li class="icon-box"></li>
                <li class="icon-ticket"></li>
                <li class="icon-rss"></li>
                <li class="icon-signal"></li>
                <li class="icon-thermometer"></li>
                <li class="icon-droplets"></li>
                <li class="icon-uniE66E"></li>
                <li class="icon-statistics"></li>
                <li class="icon-pie"></li>
                <li class="icon-bars"></li>
                <li class="icon-graph"></li>
                <li class="icon-lock"></li>
                <li class="icon-lock-open"></li>
                <li class="icon-logout"></li>
                <li class="icon-login"></li>
                <li class="icon-checkmark"></li>
                <li class="icon-cross"></li>
                <li class="icon-minus"></li>
                <li class="icon-plus"></li>
                <li class="icon-cross2"></li>
                <li class="icon-minus2"></li>
                <li class="icon-plus2"></li>
                <li class="icon-cross3"></li>
                <li class="icon-minus3"></li>
                <li class="icon-plus3"></li>
                <li class="icon-erase"></li>
                <li class="icon-blocked"></li>
                <li class="icon-info"></li>
                <li class="icon-info2"></li>
                <li class="icon-question"></li>
                <li class="icon-help"></li>
                <li class="icon-warning"></li>
                <li class="icon-cycle"></li>
                <li class="icon-cw"></li>
                <li class="icon-ccw"></li>
                <li class="icon-shuffle"></li>
                <li class="icon-arrow"></li>
                <li class="icon-arrow2"></li>
                <li class="icon-retweet"></li>
                <li class="icon-loop"></li>
                <li class="icon-history"></li>
                <li class="icon-back"></li>
                <li class="icon-switch"></li>
                <li class="icon-list"></li>
                <li class="icon-add-to-list"></li>
                <li class="icon-layout"></li>
                <li class="icon-list2"></li>
                <li class="icon-text"></li>
                <li class="icon-text2"></li>
                <li class="icon-document"></li>
                <li class="icon-docs"></li>
                <li class="icon-landscape"></li>
                <li class="icon-pictures"></li>
                <li class="icon-video"></li>
                <li class="icon-music3"></li>
                <li class="icon-folder"></li>
                <li class="icon-archive"></li>
                <li class="icon-trash"></li>
                <li class="icon-upload"></li>
                <li class="icon-download"></li>
                <li class="icon-disk"></li>
                <li class="icon-install"></li>
                <li class="icon-cloud"></li>
                <li class="icon-upload2"></li>
                <li class="icon-bookmark"></li>
                <li class="icon-bookmarks"></li>
                <li class="icon-book2"></li>
                <li class="icon-play"></li>
                <li class="icon-pause"></li>
                <li class="icon-record"></li>
                <li class="icon-stop"></li>
                <li class="icon-next"></li>
                <li class="icon-previous"></li>
                <li class="icon-first"></li>
                <li class="icon-last"></li>
                <li class="icon-resize-enlarge"></li>
                <li class="icon-resize-shrink"></li>
                <li class="icon-volume"></li>
                <li class="icon-sound"></li>
                <li class="icon-mute"></li>
                <li class="icon-flow-cascade"></li>
                <li class="icon-flow-branch"></li>
                <li class="icon-flow-tree"></li>
                <li class="icon-flow-line"></li>
                <li class="icon-flow-parallel"></li>
                <li class="icon-arrow-left"></li>
                <li class="icon-arrow-down"></li>
                <li class="icon-arrow-down"></li>
                <li class="icon-arrow-up--upload"></li>
                <li class="icon-arrow-right"></li>
                <li class="icon-arrow-left2"></li>
                <li class="icon-arrow-down2"></li>
                <li class="icon-arrow-up"></li>
                <li class="icon-arrow-right2"></li>
                <li class="icon-arrow-left3"></li>
                <li class="icon-arrow-down3"></li>
                <li class="icon-arrow-up2"></li>
                <li class="icon-arrow-right3"></li>
                <li class="icon-arrow-left4"></li>
                <li class="icon-arrow-down4"></li>
                <li class="icon-arrow-up3"></li>
                <li class="icon-arrow-right4"></li>
                <li class="icon-arrow-left5"></li>
                <li class="icon-arrow-down5"></li>
                <li class="icon-arrow-up4"></li>
                <li class="icon-arrow-right5"></li>
                <li class="icon-arrow-left6"></li>
                <li class="icon-arrow-down6"></li>
                <li class="icon-arrow-up5"></li>
                <li class="icon-arrow-right6"></li>
                <li class="icon-arrow-left7"></li>
                <li class="icon-arrow-down7"></li>
                <li class="icon-arrow-up6"></li>
                <li class="icon-uniE6D8"></li>
                <li class="icon-arrow-left8"></li>
                <li class="icon-arrow-down8"></li>
                <li class="icon-arrow-up7"></li>
                <li class="icon-arrow-right7"></li>
                <li class="icon-menu"></li>
                <li class="icon-ellipsis"></li>
                <li class="icon-dots"></li>
                <li class="icon-dot"></li>
                <li class="icon-cc"></li>
                <li class="icon-cc-by"></li>
                <li class="icon-cc-nc"></li>
                <li class="icon-cc-nc-eu"></li>
                <li class="icon-cc-nc-jp"></li>
                <li class="icon-cc-sa"></li>
                <li class="icon-cc-nd"></li>
                <li class="icon-cc-pd"></li>
                <li class="icon-cc-zero"></li>
                <li class="icon-cc-share"></li>
                <li class="icon-cc-share2"></li>
                <li class="icon-daniel-bruce"></li>
                <li class="icon-daniel-bruce2"></li>
                <li class="icon-github"></li>
                <li class="icon-github2"></li>
                <li class="icon-flickr"></li>
                <li class="icon-flickr2"></li>
                <li class="icon-vimeo"></li>
                <li class="icon-vimeo2"></li>
                <li class="icon-twitter"></li>
                <li class="icon-twitter2"></li>
                <li class="icon-facebook"></li>
                <li class="icon-facebook2"></li>
                <li class="icon-facebook3"></li>
                <li class="icon-googleplus"></li>
                <li class="icon-googleplus2"></li>
                <li class="icon-pinterest"></li>
                <li class="icon-pinterest2"></li>
                <li class="icon-tumblr"></li>
                <li class="icon-tumblr2"></li>
                <li class="icon-linkedin"></li>
                <li class="icon-linkedin2"></li>
                <li class="icon-dribbble"></li>
                <li class="icon-dribbble2"></li>
                <li class="icon-stumbleupon"></li>
                <li class="icon-stumbleupon2"></li>
                <li class="icon-lastfm"></li>
                <li class="icon-lastfm2"></li>
                <li class="icon-rdio"></li>
                <li class="icon-rdio2"></li>
                <li class="icon-spotify"></li>
                <li class="icon-spotify2"></li>
                <li class="icon-qq"></li>
                <li class="icon-instagram"></li>
                <li class="icon-dropbox"></li>
                <li class="icon-evernote"></li>
                <li class="icon-flattr"></li>
                <li class="icon-skype"></li>
                <li class="icon-skype2"></li>
                <li class="icon-renren"></li>
                <li class="icon-sina-weibo"></li>
                <li class="icon-paypal"></li>
                <li class="icon-picasa"></li>
                <li class="icon-soundcloud"></li>
                <li class="icon-mixi"></li>
                <li class="icon-behance"></li>
                <li class="icon-circles"></li>
                <li class="icon-vk"></li>
                <li class="icon-smashing"></li>
            </ul>

            <div class="devider"></div>

            <div class="col-sm-6">
                <div class="field-right">
                <table class="table table-bordered ">
                  <colgroup class="col-width">
                  <colgroup class="col-width">
                
                <thead>
                    <tr>
                        <th>Icon</th>
                        <th>Add class for tag</th>
                    </tr>
                </thead>
                <tbody>
                  <tr>
                      <td><i class="icon-phone"></i></td>
                      <td>icon-phone</td>
                    </tr>
                    <tr>
                      <td><i class="icon-mobile"></i></td>
                      <td>icon-mobile</td>
                    </tr>
                    <tr>
                      <td><i class="icon-mouse"></i></td>
                      <td>icon-mouse</td>
                    </tr>
                    <tr>
                      <td><i class="icon-directions"></i></td>
                      <td>icon-directions</td>
                    </tr>

                    <tr>
                      <td><i class="icon-mail"></i></td>
                      <td>icon-mail</td>
                    </tr>

                    <tr>
                      <td><i class="icon-paperplane"></i></td>
                      <td>icon-paperplane</td>
                    </tr>

                    <tr>
                      <td><i class="icon-pencil"></i></td>
                      <td>icon-pencil</td>
                    </tr>

                    <tr>
                      <td><i class="icon-feather"></i></td>
                      <td>icon-feather</td>
                    </tr>

                    <tr>
                      <td><i class="icon-paperclip"></i></td>
                      <td>icon-paperclip</td>
                    </tr>
                    
                    <tr>
                      <td><i class="icon-drawer"></i></td>
                      <td>icon-drawer</td>
                    </tr>

                    <tr>
                      <td><i class="icon-reply"></i></td>
                      <td>icon-reply</td>
                    </tr>

                    <tr>
                      <td><i class="icon-reply-all"></i></td>
                      <td>icon-reply-all</td>
                    </tr>

                    <tr>
                      <td><i class="icon-forward"></i></td>
                      <td>icon-forward</td>
                    </tr>

                    <tr>
                      <td><i class="icon-user"></i></td>
                      <td>icon-user</td>
                    </tr>

                    <tr>
                      <td><i class="icon-users"></i></td>
                      <td>icon-users</td>
                    </tr>

                    <tr>
                      <td><i class="icon-user-add"></i></td>
                      <td>icon-user-add</td>
                    </tr>

                    <tr>
                      <td><i class="icon-vcard"></i></td>
                      <td>icon-vcard</td>
                    </tr>

                    <tr>
                      <td><i class="icon-export"></i></td>
                      <td>icon-export</td>
                    </tr>

                    <tr>
                      <td><i class="icon-location"></i></td>
                      <td>icon-location</td>
                    </tr>

                    <tr>
                      <td><i class="icon-map"></i></td>
                      <td>icon-map</td>
                    </tr>

                    <tr>
                      <td><i class="icon-compass"></i></td>
                      <td>icon-compass</td>
                    </tr>

                    <tr>
                      <td><i class="icon-location2"></i></td>
                      <td>icon-location2</td>
                    </tr>

                    <tr>
                      <td><i class="icon-target"></i></td>
                      <td>icon-target</td>
                    </tr>

                    <tr>
                      <td><i class="icon-share"></i></td>
                      <td>icon-share</td>
                    </tr>

                    <tr>
                      <td><i class="icon-sharable"></i></td>
                      <td>icon-sharable</td>
                    </tr>

                    <tr>
                      <td><i class="icon-heart"></i></td>
                      <td>icon-heart</td>
                    </tr>

                    <tr>
                      <td><i class="icon-heart2"></i></td>
                      <td>icon-heart2</td>
                    </tr>

                    <tr>
                      <td><i class="icon-star"></i></td>
                      <td>icon-star</td>
                    </tr>

                    <tr>
                      <td><i class="icon-star2"></i></td>
                      <td>icon-star2</td>
                    </tr>

                    <tr>
                      <td><i class="icon-thumbs-up"></i></td>
                      <td>icon-thumbs-up</td>
                    </tr>

                    <tr>
                      <td><i class="icon-thumbs-down"></i></td>
                      <td>icon-thumbs-down</td>
                    </tr>

                    <tr>
                      <td><i class="icon-chat"></i></td>
                      <td>icon-chat</td>
                    </tr>

                    <tr>
                      <td><i class="icon-comment"></i></td>
                      <td>icon-comment</td>
                    </tr>

                    <tr>
                      <td><i class="icon-quote"></i></td>
                      <td>icon-quote</td>
                    </tr>

                    <tr>
                      <td><i class="icon-house"></i></td>
                      <td>icon-house</td>
                    </tr>

                    <tr>
                      <td><i class="icon-popup"></i></td>
                      <td>icon-popup</td>
                    </tr>

                    <tr>
                      <td><i class="icon-search"></i></td>
                      <td>icon-search</td>
                    </tr>

                    <tr>
                      <td><i class="icon-flashlight"></i></td>
                      <td>icon-flashlight</td>
                    </tr>

                    <tr>
                      <td><i class="icon-printer"></i></td>
                      <td>icon-printer</td>
                    </tr>

                    <tr>
                      <td><i class="icon-bell"></i></td>
                      <td>icon-bell</td>
                    </tr>

                    <tr>
                      <td><i class="icon-link"></i></td>
                      <td>icon-link</td>
                    </tr>

                    <tr>
                      <td><i class="icon-flag"></i></td>
                      <td>icon-flag</td>
                    </tr>

                    <tr>
                      <td><i class="icon-cog"></i></td>
                      <td>icon-cog</td>
                    </tr>

                    <tr>
                      <td><i class="icon-tools"></i></td>
                      <td>icon-tools</td>
                    </tr>

                    <tr>
                      <td><i class="icon-trophy"></i></td>
                      <td>icon-trophy</td>
                    </tr>

                    <tr>
                      <td><i class="icon-tag"></i></td>
                      <td>icon-tag</td>
                    </tr>

                    <tr>
                      <td><i class="icon-camera"></i></td>
                      <td>icon-camera</td>
                    </tr>

                    <tr>
                      <td><i class="icon-megaphone"></i></td>
                      <td>icon-megaphone</td>
                    </tr>

                    <tr>
                      <td><i class="icon-moon"></i></td>
                      <td>icon-moon</td>
                    </tr>

                    <tr>
                      <td><i class="icon-palette"></i></td>
                      <td>icon-palette</td>
                    </tr>

                    <tr>
                      <td><i class="icon-leaf"></i></td>
                      <td>icon-leaf</td>
                    </tr>

                    <tr>
                      <td><i class="icon-music"></i></td>
                      <td>icon-music</td>
                    </tr>

                    <tr>
                      <td><i class="icon-music2"></i></td>
                      <td>icon-music2</td>
                    </tr>

                    <tr>
                      <td><i class="icon-new"></i></td>
                      <td>icon-new</td>
                    </tr>

                    <tr>
                      <td><i class="icon-graduation"></i></td>
                      <td>icon-graduation</td>
                    </tr>

                    <tr>
                      <td><i class="icon-book"></i></td>
                      <td>icon-book</td>
                    </tr>

                    <tr>
                      <td><i class="icon-newspaper"></i></td>
                      <td>icon-newspaper</td>
                    </tr>

                    <tr>
                      <td><i class="icon-bag"></i></td>
                      <td>icon-bag</td>
                    </tr>

                    <tr>
                      <td><i class="icon-airplane"></i></td>
                      <td>icon-airplane</td>
                    </tr>

                    <tr>
                      <td><i class="icon-lifebuoy"></i></td>
                      <td>icon-lifebuoy</td>
                    </tr>

                    <tr>
                      <td><i class="icon-eye"></i></td>
                      <td>icon-eye</td>
                    </tr>

                    <tr>
                      <td><i class="icon-clock"></i></td>
                      <td>icon-clock</td>
                    </tr>

                    <tr>
                      <td><i class="icon-microphone"></i></td>
                      <td>icon-microphone</td>
                    </tr>

                    <tr>
                      <td><i class="icon-calendar"></i></td>
                      <td>icon-calendar</td>
                    </tr>

                    <tr>
                      <td><i class="icon-bolt"></i></td>
                      <td>icon-bolt</td>
                    </tr>

                    <tr>
                      <td><i class="icon-thunder"></i></td>
                      <td>icon-thunder</td>
                    </tr>

                    <tr>
                      <td><i class="icon-droplet"></i></td>
                      <td>icon-droplet</td>
                    </tr>

                    <tr>
                      <td><i class="icon-cd"></i></td>
                      <td>icon-cd</td>
                    </tr>

                    <tr>
                      <td><i class="icon-briefcase"></i></td>
                      <td>icon-briefcase</td>
                    </tr>

                    <tr>
                      <td><i class="icon-air"></i></td>
                      <td>icon-air</td>
                    </tr>

                    <tr>
                      <td><i class="icon-hourglass"></i></td>
                      <td>icon-hourglass</td>
                    </tr>

                    <tr>
                      <td><i class="icon-gauge"></i></td>
                      <td>icon-gauge</td>
                    </tr>

                    <tr>
                      <td><i class="icon-language"></i></td>
                      <td>icon-language</td>
                    </tr>

                    <tr>
                      <td><i class="icon-network"></i></td>
                      <td>icon-network</td>
                    </tr>

                    <tr>
                      <td><i class="icon-key"></i></td>
                      <td>icon-key</td>
                    </tr>

                    <tr>
                      <td><i class="icon-battery"></i></td>
                      <td>icon-battery</td>
                    </tr>

                    <tr>
                      <td><i class="icon-bucket"></i></td>
                      <td>icon-bucket</td>
                    </tr>

                    <tr>
                      <td><i class="icon-magnet"></i></td>
                      <td>icon-magnet</td>
                    </tr>

                    <tr>
                      <td><i class="icon-drive"></i></td>
                      <td>icon-drive</td>
                    </tr>

                    <tr>
                      <td><i class="icon-cup"></i></td>
                      <td>icon-cup</td>
                    </tr>

                    <tr>
                      <td><i class="icon-rocket"></i></td>
                      <td>icon-rocket</td>
                    </tr>

                    <tr>
                      <td><i class="icon-brush"></i></td>
                      <td>icon-brush</td>
                    </tr>

                    <tr>
                      <td><i class="icon-suitcase"></i></td>
                      <td>icon-suitcase</td>
                    </tr>

                    <tr>
                      <td><i class="icon-cone"></i></td>
                      <td>icon-cone</td>
                    </tr>

                    <tr>
                      <td><i class="icon-earth"></i></td>
                      <td>icon-earth</td>
                    </tr>

                    <tr>
                      <td><i class="icon-keyboard"></i></td>
                      <td>icon-keyboard</td>
                    </tr>

                    <tr>
                      <td><i class="icon-browser"></i></td>
                      <td>icon-browser</td>
                    </tr>

                    <tr>
                      <td><i class="icon-publish"></i></td>
                      <td>icon-publish</td>
                    </tr>

                    <tr>
                      <td><i class="icon-progress-3"></i></td>
                      <td>icon-progress-3</td>
                    </tr>

                    <tr>
                      <td><i class="icon-progress-2"></i></td>
                      <td>icon-progress-2</td>
                    </tr>

                    <tr>
                      <td><i class="icon-brogress-1"></i></td>
                      <td>icon-brogress-1</td>
                    </tr>

                    <tr>
                      <td><i class="icon-progress-0"></i></td>
                      <td>icon-progress-0</td>
                    </tr>

                    <tr>
                      <td><i class="icon-sun"></i></td>
                      <td>icon-sun</td>
                    </tr>

                    <tr>
                      <td><i class="icon-sun2"></i></td>
                      <td>icon-sun2</td>
                    </tr>

                    <tr>
                      <td><i class="icon-adjust"></i></td>
                      <td>icon-adjust</td>
                    </tr>

                    <tr>
                      <td><i class="icon-code"></i></td>
                      <td>icon-code</td>
                    </tr>

                    <tr>
                      <td><i class="icon-screen"></i></td>
                      <td>icon-screen</td>
                    </tr>

                    <tr>
                      <td><i class="icon-infinity"></i></td>
                      <td>icon-infinity</td>
                    </tr>

                    <tr>
                      <td><i class="icon-light-bulb"></i></td>
                      <td>icon-light-bulb</td>
                    </tr>

                    <tr>
                      <td><i class="icon-credit-card"></i></td>
                      <td>icon-credit-card</td>
                    </tr>

                    <tr>
                      <td><i class="icon-database"></i></td>
                      <td>icon-database</td>
                    </tr>

                    <tr>
                      <td><i class="icon-voicemail"></i></td>
                      <td>icon-voicemail</td>
                    </tr>

                    <tr>
                      <td><i class="icon-clipboard"></i></td>
                      <td>icon-clipboard</td>
                    </tr>

                    <tr>
                      <td><i class="icon-cart"></i></td>
                      <td>icon-cart</td>
                    </tr>

                    <tr>
                      <td><i class="icon-box"></i></td>
                      <td>icon-box</td>
                    </tr>

                    <tr>
                      <td><i class="icon-ticket"></i></td>
                      <td>icon-ticket</td>
                    </tr>

                    <tr>
                      <td><i class="icon-rss"></i></td>
                      <td>icon-rss</td>
                    </tr>

                    <tr>
                      <td><i class="icon-signal"></i></td>
                      <td>icon-signal</td>
                    </tr>

                    <tr>
                      <td><i class="icon-thermometer"></i></td>
                      <td>icon-thermometer</td>
                    </tr>

                    <tr>
                      <td><i class="icon-droplets"></i></td>
                      <td>icon-droplets</td>
                    </tr>

                    <tr>
                      <td><i class="icon-uniE66E"></i></td>
                      <td>icon-uniE66E</td>
                    </tr>

                    <tr>
                      <td><i class="icon-statistics"></i></td>
                      <td>icon-statistics</td>
                    </tr>

                    <tr>
                      <td><i class="icon-pie"></i></td>
                      <td>icon-pie</td>
                    </tr>

                    <tr>
                      <td><i class="icon-bars"></i></td>
                      <td>icon-bars</td>
                    </tr>

                     <tr>
                      <td><i class="icon-graph"></i></td>
                      <td>icon-graph</td>
                    </tr>

                     <tr>
                      <td><i class="icon-lock"></i></td>
                      <td>icon-lock</td>
                    </tr>

                     <tr>
                      <td><i class="icon-lock-open"></i></td>
                      <td>icon-lock-open</td>
                    </tr>

                     <tr>
                      <td><i class="icon-logout"></i></td>
                      <td>icon-logout</td>
                    </tr>

                    <tr>
                      <td><i class="icon-login"></i></td>
                      <td>icon-login</td>
                    </tr>

                    <tr>
                      <td><i class="icon-checkmark"></i></td>
                      <td>icon-checkmark</td>
                    </tr>

                    <tr>
                      <td><i class="icon-cross"></i></td>
                      <td>icon-cross</td>
                    </tr>

                    <tr>
                      <td><i class="icon-minus"></i></td>
                      <td>icon-minus</td>
                    </tr>

                    <tr>
                      <td><i class="icon-plus"></i></td>
                      <td>icon-plus</td>
                    </tr>

                    <tr>
                      <td><i class="icon-cross2"></i></td>
                      <td>icon-cross2</td>
                    </tr>

                    <tr>
                      <td><i class="icon-minus2"></i></td>
                      <td>icon-minus2</td>
                    </tr>

                    <tr>
                      <td><i class="icon-plus2"></i></td>
                      <td>icon-plus2</td>
                    </tr>

                    <tr>
                      <td><i class="icon-cross3"></i></td>
                      <td>icon-cross3</td>
                    </tr>

                    <tr>
                      <td><i class="icon-minus3"></i></td>
                      <td>icon-minus3</td>
                    </tr>

                    <tr>
                      <td><i class="icon-plus3"></i></td>
                      <td>icon-plus3</td>
                    </tr>

                    <tr>
                      <td><i class="icon-erase"></i></td>
                      <td>icon-erase</td>
                    </tr>

                     <tr>
                      <td><i class="icon-blocked"></i></td>
                      <td>icon-blocked</td>
                    </tr>

                    <tr>
                      <td><i class="icon-info"></i></td>
                      <td>icon-info</td>
                    </tr>

                    <tr>
                      <td><i class="icon-info2"></i></td>
                      <td>icon-info2</td>
                    </tr>

                    <tr>
                      <td><i class="icon-question"></i></td>
                      <td>icon-question</td>
                    </tr>

                    <tr>
                      <td><i class="icon-help"></i></td>
                      <td>icon-help</td>
                    </tr>

                    <tr>
                      <td><i class="icon-warning"></i></td>
                      <td>icon-warning</td>
                    </tr>

                    <tr>
                      <td><i class="icon-cycle"></i></td>
                      <td>icon-cycle</td>
                    </tr>

                    <tr>
                      <td><i class="icon-cw"></i></td>
                      <td>icon-cw</td>
                    </tr>

                    <tr>
                      <td><i class="icon-ccw"></i></td>
                      <td>icon-ccw</td>
                    </tr>

                    <tr>
                      <td><i class="icon-shuffle"></i></td>
                      <td>icon-shuffle</td>
                    </tr>

                    <tr>
                      <td><i class="icon-arrow"></i></td>
                      <td>icon-arrow</td>
                    </tr>

                    <tr>
                      <td><i class="icon-arrow2"></i></td>
                      <td>icon-arrow2</td>
                    </tr>

                </tbody>
               </table>
               </div>
            </div>

            <div class="col-sm-6">
                <div class="field-left">
                <table class="table table-bordered">
                  <colgroup class="col-width">
                  <colgroup class="col-width">
                
                <thead>
                    <tr>
                        <th>Icon</th>
                        <th>Add class for tag</th>
                    </tr>
                </thead>
                <tbody>

                    <tr>
                      <td><i class="icon-retweet"></i></td>
                      <td>icon-retweet</td>
                    </tr>

                    <tr>
                      <td><i class="icon-loop"></i></td>
                      <td>icon-loop</td>
                    </tr>

                    <tr>
                      <td><i class="icon-history"></i></td>
                      <td>icon-history</td>
                    </tr>

                    <tr>
                      <td><i class="icon-back"></i></td>
                      <td>icon-back</td>
                    </tr>

                    <tr>
                      <td><i class="icon-switch"></i></td>
                      <td>icon-switch</td>
                    </tr>

                    <tr>
                      <td><i class="icon-list"></i></td>
                      <td>icon-list</td>
                    </tr>

                    <tr>
                      <td><i class="icon-add-to-list"></i></td>
                      <td>icon-add-to-list</td>
                    </tr>

                    <tr>
                      <td><i class="icon-layout"></i></td>
                      <td>icon-layout</td>
                    </tr>

                    <tr>
                      <td><i class="icon-list2"></i></td>
                      <td>icon-list2</td>
                    </tr>

                    <tr>
                      <td><i class="icon-text"></i></td>
                      <td>icon-text</td>
                    </tr>

                    <tr>
                      <td><i class="icon-text2"></i></td>
                      <td>icon-text2</td>
                    </tr>

                    <tr>
                      <td><i class="icon-document"></i></td>
                      <td>icon-document</td>
                    </tr>

                    <tr>
                      <td><i class="icon-docs"></i></td>
                      <td>icon-docs</td>
                    </tr>

                    <tr>
                      <td><i class="icon-landscape"></i></td>
                      <td>icon-landscape</td>
                    </tr>

                    <tr>
                      <td><i class="icon-pictures"></i></td>
                      <td>icon-pictures</td>
                    </tr>

                    <tr>
                      <td><i class="icon-video"></i></td>
                      <td>icon-video</td>
                    </tr>

                    <tr>
                      <td><i class="icon-music3"></i></td>
                      <td>icon-music3</td>
                    </tr>

                    <tr>
                      <td><i class="icon-folder"></i></td>
                      <td>icon-folder</td>
                    </tr>

                    <tr>
                      <td><i class="icon-archive"></i></td>
                      <td>icon-archive</td>
                    </tr>

                    <tr>
                      <td><i class="icon-trash"></i></td>
                      <td>icon-trash</td>
                    </tr>

                    <tr>
                      <td><i class="icon-upload"></i></td>
                      <td>icon-upload</td>
                    </tr>

                    <tr>
                      <td><i class="icon-download"></i></td>
                      <td>icon-download</td>
                    </tr>

                    <tr>
                      <td><i class="icon-disk"></i></td>
                      <td>icon-disk</td>
                    </tr>

                    <tr>
                      <td><i class="icon-install"></i></td>
                      <td>icon-install</td>
                    </tr>

                    <tr>
                      <td><i class="icon-cloud"></i></td>
                      <td>icon-cloud</td>
                    </tr>

                    <tr>
                      <td><i class="icon-upload2"></i></td>
                      <td>icon-upload2</td>
                    </tr>

                    <tr>
                      <td><i class="icon-bookmark"></i></td>
                      <td>icon-bookmark</td>
                    </tr>

                    <tr>
                      <td><i class="icon-bookmarks"></i></td>
                      <td>icon-bookmarks</td>
                    </tr>

                    <tr>
                      <td><i class="icon-book2"></i></td>
                      <td>icon-book2</td>
                    </tr>

                    <tr>
                      <td><i class="icon-play"></i></td>
                      <td>icon-play</td>
                    </tr>

                    <tr>
                      <td><i class="icon-pause"></i></td>
                      <td>icon-pause</td>
                    </tr>

                    <tr>
                      <td><i class="icon-record"></i></td>
                      <td>icon-record</td>
                    </tr>

                    <tr>
                      <td><i class="icon-stop"></i></td>
                      <td>icon-stop</td>
                    </tr>

                    <tr>
                      <td><i class="icon-next"></i></td>
                      <td>icon-next</td>
                    </tr>

                    <tr>
                      <td><i class="icon-previous"></i></td>
                      <td>icon-previous</td>
                    </tr>

                    <tr>
                      <td><i class="icon-first"></i></td>
                      <td>icon-first</td>
                    </tr>

                    <tr>
                      <td><i class="icon-last"></i></td>
                      <td>icon-last</td>
                    </tr>

                    <tr>
                      <td><i class="icon-resize-enlarge"></i></td>
                      <td>icon-resize-enlarge</td>
                    </tr>

                    <tr>
                      <td><i class="icon-resize-shrink"></i></td>
                      <td>icon-resize-shrink</td>
                    </tr>

                    <tr>
                      <td><i class="icon-volume"></i></td>
                      <td>icon-volume</td>
                    </tr>

                    <tr>
                      <td><i class="icon-sound"></i></td>
                      <td>icon-sound</td>
                    </tr>

                    <tr>
                      <td><i class="icon-mute"></i></td>
                      <td>icon-mute</td>
                    </tr>

                    <tr>
                      <td><i class="icon-flow-cascade"></i></td>
                      <td>icon-flow-cascade</td>
                    </tr>

                    <tr>
                      <td><i class="icon-flow-branch"></i></td>
                      <td>icon-flow-branch</td>
                    </tr>

                    <tr>
                      <td><i class="icon-flow-tree"></i></td>
                      <td>icon-flow-tree</td>
                    </tr>

                    <tr>
                      <td><i class="icon-flow-line"></i></td>
                      <td>icon-flow-line</td>
                    </tr>

                    <tr>
                      <td><i class="icon-flow-parallel"></i></td>
                      <td>icon-flow-parallel</td>
                    </tr>

                    <tr>
                      <td><i class="icon-arrow-left"></i></td>
                      <td>icon-arrow-left</td>
                    </tr>

                    <tr>
                      <td><i class="icon-arrow-down"></i></td>
                      <td>icon-arrow-down</td>
                    </tr>

                    <tr>
                      <td><i class="icon-arrow-up--upload"></i></td>
                      <td>icon-arrow-up--upload</td>
                    </tr>

                    <tr>
                      <td><i class="icon-arrow-right"></i></td>
                      <td>icon-arrow-right</td>
                    </tr>

                    <tr>
                      <td><i class="icon-arrow-left2"></i></td>
                      <td>icon-arrow-left2</td>
                    </tr>

                    <tr>
                      <td><i class="icon-arrow-down2"></i></td>
                      <td>icon-arrow-down2</td>
                    </tr>

                    <tr>
                      <td><i class="icon-arrow-up"></i></td>
                      <td>icon-arrow-up</td>
                    </tr>

                    <tr>
                      <td><i class="icon-arrow-right2"></i></td>
                      <td>icon-arrow-right2</td>
                    </tr>

                    <tr>
                      <td><i class="icon-arrow-left3"></i></td>
                      <td>icon-arrow-left3</td>
                    </tr>

                    <tr>
                      <td><i class="icon-arrow-down3"></i></td>
                      <td>icon-arrow-down3</td>
                    </tr>

                    <tr>
                      <td><i class="icon-arrow-up2"></i></td>
                      <td>icon-arrow-up2</td>
                    </tr>

                    <tr>
                      <td><i class="icon-arrow-right3"></i></td>
                      <td>icon-arrow-right3</td>
                    </tr>

                    <tr>
                      <td><i class="icon-arrow-left4"></i></td>
                      <td>icon-arrow-left4</td>
                    </tr>

                    <tr>
                      <td><i class="icon-arrow-down4"></i></td>
                      <td>icon-arrow-down4</td>
                    </tr>

                    <tr>
                      <td><i class="icon-arrow-up3"></i></td>
                      <td>icon-arrow-up3</td>
                    </tr>

                    <tr>
                      <td><i class="icon-arrow-right4"></i></td>
                      <td>icon-arrow-right4</td>
                    </tr>

                    <tr>
                      <td><i class="icon-arrow-left5"></i></td>
                      <td>icon-arrow-left5</td>
                    </tr>

                    <tr>
                      <td><i class="icon-arrow-down5"></i></td>
                      <td>icon-arrow-down5</td>
                    </tr>

                    <tr>
                      <td><i class="icon-arrow-up4"></i></td>
                      <td>icon-arrow-up4</td>
                    </tr>

                    <tr>
                      <td><i class="icon-arrow-right5"></i></td>
                      <td>icon-arrow-right5</td>
                    </tr>

                    <tr>
                      <td><i class="icon-arrow-left6"></i></td>
                      <td>icon-arrow-left6</td>
                    </tr>

                    <tr>
                      <td><i class="icon-arrow-down6"></i></td>
                      <td>icon-arrow-down6</td>
                    </tr>

                    <tr>
                      <td><i class="icon-arrow-up5"></i></td>
                      <td>con-arrow-up5</td>
                    </tr>

                    <tr>
                      <td><i class="icon-arrow-right6"></i></td>
                      <td>icon-arrow-right6</td>
                    </tr>

                    <tr>
                      <td><i class="icon-arrow-left7"></i></td>
                      <td>icon-arrow-left7</td>
                    </tr>

                    <tr>
                      <td><i class="icon-arrow-down7"></i></td>
                      <td>icon-arrow-down7</td>
                    </tr>

                    <tr>
                      <td><i class="icon-arrow-up6"></i></td>
                      <td>icon-arrow-up6</td>
                    </tr>

                    <tr>
                      <td><i class="icon-uniE6D8"></i></td>
                      <td>icon-uniE6D8</td>
                    </tr>

                    <tr>
                      <td><i class="icon-arrow-left8"></i></td>
                      <td>icon-arrow-left8</td>
                    </tr>

                    <tr>
                      <td><i class="icon-arrow-down8"></i></td>
                      <td>icon-arrow-down8</td>
                    </tr>

                    <tr>
                      <td><i class="icon-arrow-up7"></i></td>
                      <td>icon-arrow-up7</td>
                    </tr>

                    <tr>
                      <td><i class="icon-arrow-right7"></i></td>
                      <td>icon-arrow-right7</td>
                    </tr>

                    <tr>
                      <td><i class="icon-menu"></i></td>
                      <td>icon-menu</td>
                    </tr>

                    <tr>
                      <td><i class="icon-ellipsis"></i></td>
                      <td>icon-ellipsis</td>
                    </tr>

                    <tr>
                      <td><i class="icon-dots"></i></td>
                      <td>icon-dots</td>
                    </tr>

                    <tr>
                      <td><i class="icon-dot"></i></td>
                      <td>icon-dot</td>
                    </tr>

                    <tr>
                      <td><i class="icon-cc"></i></td>
                      <td>icon-cc</td>
                    </tr>

                    <tr>
                      <td><i class="icon-cc-by"></i></td>
                      <td>icon-cc-by</td>
                    </tr>

                    <tr>
                      <td><i class="icon-cc-nc"></i></td>
                      <td>icon-cc-nc</td>
                    </tr>

                    <tr>
                      <td><i class="icon-cc-nc-eu"></i></td>
                      <td>icon-cc-nc-eu</td>
                    </tr>

                    <tr>
                      <td><i class="icon-cc-nc-jp"></i></td>
                      <td>icon-cc-nc-jp</td>
                    </tr>

                    <tr>
                      <td><i class="icon-cc-sa"></i></td>
                      <td>icon-cc-sa</td>
                    </tr>

                    <tr>
                      <td><i class="icon-cc-nd"></i></td>
                      <td>icon-cc-nd</td>
                    </tr>

                    <tr>
                      <td><i class="icon-cc-pd"></i></td>
                      <td>icon-cc-pd</td>
                    </tr>

                    <tr>
                      <td><i class="icon-cc-zero"></i></td>
                      <td>icon-cc-zero</td>
                    </tr>

                    <tr>
                      <td><i class="icon-cc-share"></i></td>
                      <td>icon-cc-share</td>
                    </tr>

                    <tr>
                      <td><i class="icon-cc-share2"></i></td>
                      <td>icon-cc-share2</td>
                    </tr>

                    <tr>
                      <td><i class="icon-daniel-bruce"></i></td>
                      <td>icon-daniel-bruce</td>
                    </tr>

                    <tr>
                      <td><i class="icon-daniel-bruce2"></i></td>
                      <td>icon-daniel-bruce2</td>
                    </tr>

                    <tr>
                      <td><i class="icon-github"></i></td>
                      <td>icon-github</td>
                    </tr>

                    <tr>
                      <td><i class="icon-github2"></i></td>
                      <td>icon-github2</td>
                    </tr>


                    <tr>
                      <td><i class="icon-flickr"></i></td>
                      <td>icon-flickr</td>
                    </tr>

                    <tr>
                      <td><i class="icon-flickr2"></i></td>
                      <td>icon-flickr2</td>
                    </tr>

                    <tr>
                      <td><i class="icon-vimeo"></i></td>
                      <td>icon-vimeo</td>
                    </tr>

                    <tr>
                      <td><i class="icon-vimeo2"></i></td>
                      <td>icon-vimeo2</td>
                    </tr>

                    <tr>
                      <td><i class="icon-twitter"></i></td>
                      <td>icon-twitter</td>
                    </tr>

                    <tr>
                      <td><i class="icon-twitter2"></i></td>
                      <td>icon-twitter2</td>
                    </tr>

                    <tr>
                      <td><i class="icon-facebook"></i></td>
                      <td>icon-facebook</td>
                    </tr>

                    <tr>
                      <td><i class="icon-facebook2"></i></td>
                      <td>icon-facebook2</td>
                    </tr>

                    <tr>
                      <td><i class="icon-facebook3"></i></td>
                      <td>icon-facebook3</td>
                    </tr>

                    <tr>
                      <td><i class="icon-googleplus"></i></td>
                      <td>icon-googleplus</td>
                    </tr>

                    <tr>
                      <td><i class="icon-googleplus2"></i></td>
                      <td>icon-googleplus2</td>
                    </tr>

                    <tr>
                      <td><i class="icon-pinterest"></i></td>
                      <td>icon-pinterest</td>
                    </tr>

                    <tr>
                      <td><i class="icon-pinterest2"></i></td>
                      <td>icon-pinterest2</td>
                    </tr>

                    <tr>
                      <td><i class="icon-tumblr"></i></td>
                      <td>icon-tumblr</td>
                    </tr>

                    <tr>
                      <td><i class="icon-tumblr2"></i></td>
                      <td>icon-tumblr2</td>
                    </tr>

                    <tr>
                      <td><i class="icon-linkedin"></i></td>
                      <td>icon-linkedin</td>
                    </tr>

                    <tr>
                      <td><i class="icon-linkedin2"></i></td>
                      <td>icon-linkedin2</td>
                    </tr>

                    <tr>
                      <td><i class="icon-dribbble"></i></td>
                      <td>icon-dribbble</td>
                    </tr>

                    <tr>
                      <td><i class="icon-dribbble2"></i></td>
                      <td>icon-dribbble2</td>
                    </tr>

                    <tr>
                      <td><i class="icon-stumbleupon"></i></td>
                      <td>icon-stumbleupon</td>
                    </tr>

                    <tr>
                      <td><i class="icon-stumbleupon2"></i></td>
                      <td>icon-stumbleupon2</td>
                    </tr>

                    <tr>
                      <td><i class="icon-lastfm"></i></td>
                      <td>icon-lastfm</td>
                    </tr>

                    <tr>
                      <td><i class="icon-lastfm2"></i></td>
                      <td>icon-lastfm2</td>
                    </tr>

                    <tr>
                      <td><i class="icon-rdio"></i></td>
                      <td>icon-rdio</td>
                    </tr>

                    <tr>
                      <td><i class="icon-rdio2"></i></td>
                      <td>icon-rdio2</td>
                    </tr>

                    <tr>
                      <td><i class="icon-spotify"></i></td>
                      <td>icon-spotify</td>
                    </tr>

                    <tr>
                      <td><i class="icon-spotify2"></i></td>
                      <td>icon-spotify2</td>
                    </tr>

                     <tr>
                      <td><i class="icon-qq"></i></td>
                      <td>icon-qq</td>
                    </tr>

                     <tr>
                      <td><i class="icon-instagram"></i></td>
                      <td>icon-instagram</td>
                    </tr>

                     <tr>
                      <td><i class="icon-dropbox"></i></td>
                      <td>icon-dropbox</td>
                    </tr>


                     <tr>
                      <td><i class="icon-evernote"></i></td>
                      <td>icon-evernote</td>
                    </tr>

                     <tr>
                      <td><i class="icon-flattr"></i></td>
                      <td>icon-flattr</td>
                    </tr>

                    <tr>
                      <td><i class="icon-skype"></i></td>
                      <td>icon-skype</td>
                    </tr>

                    <tr>
                      <td><i class="icon-skype2"></i></td>
                      <td>icon-skype2</td>
                    </tr>

                    <tr>
                      <td><i class="icon-renren"></i></td>
                      <td>icon-renren</td>
                    </tr>

                    <tr>
                      <td><i class="icon-sina-weibo"></i></td>
                      <td>icon-sina-weibo</td>
                    </tr>

                    <tr>
                      <td><i class="icon-paypal"></i></td>
                      <td>icon-paypal</td>
                    </tr>

                    <tr>
                      <td><i class="icon-picasa"></i></td>
                      <td>icon-picasa</td>
                    </tr>

                    <tr>
                      <td><i class="icon-soundcloud"></i></td>
                      <td>icon-soundcloud</td>
                    </tr>

                    <tr>
                      <td><i class="icon-mixi"></i></td>
                      <td>icon-mixi</td>
                    </tr>

                    <tr>
                      <td><i class="icon-behance"></i></td>
                      <td>icon-behance</td>
                    </tr>

                    <tr>
                      <td><i class="icon-circles"></i></td>
                      <td>icon-circles</td>
                    </tr>

                    <tr>
                      <td><i class="icon-vk"></i></td>
                      <td>icon-vk</td>
                    </tr>

                    <tr>
                      <td><i class="icon-smashing"></i></td>
                      <td>icon-smashing</td>
                    </tr>

                </tbody>
               </table>
               </div>
            </div>
            
        </section>

        <footer class='footer'>
            <div class='container'>
                <div class='col-sm-8 col-md-8 col-lg-8'>
                    <h2>Contact info</h2>
                    <p class="footer-info">Vivamus vel lacus eu nunc vehicula ultricies vel vulputate dui. Mauris vehicula mollis mi. Quisque aliquam porta magna, at bibendum magna tempor eget. Donec consequat ipsum in nibh consequat id suscipit libero bibendum. Sed elementum imperdiet magna, convallis dapibus turpis ultricies eu.</p>
                    <div class='col-xs-4 col-sm-4 col-md-3 col-lg-3 contact-info'>
                        <h4><i class='icon-location'></i>Address</h4>
                        <p>V101 West Street, New
                        <br/> 
                        York, NY 12345</p>
                    </div>
                    <div class='col-xs-4 col-sm-4 col-md-3 col-lg-3 contact-info'>
                        <h4><i class='icon-mail'></i>Email</h4>
                        <p>
                        appcorner@gmail.com
                        <br/> 
                        help@appcorner.com</p>
                    </div>
                    <div class='col-xs-4 col-sm-4 col-md-3 col-lg-3 contact-info'>
                        <h4><i class='icon-mobile'></i>Phone</h4>
                        <p>+ 44 1225 324 980
                        <br/> 
                        + 44 1225 324 980</p>
                    </div>
                   
                    <div class='col-sm-12 col-md-12 col-lg-12'>
                        <ul class='social-icon pull-left'>
                            <li><a href="#"><i class='icon-instagram'></i></a></li>
                            <li><a href="#"><i class='icon-dribbble'></i></a></li>
                            <li><a href="#"><i class='icon-tumblr'></i></a></li>
                            <li><a href="#"><i class='icon-linkedin'></i></a></li>
                            <li><a href="#"><i class='icon-pinterest'></i></a></li>
                            <li><a href="#"><i class='icon-googleplus'></i></a></li>
                            <li><a href="#"><i class='icon-facebook'></i></a></li>
                            <li><a href="#"><i class='icon-twitter'></i></a></li>
                        </ul>
                    </div>
                </div>

                <div class='col-sm-4 col-md-4 col-lg-4 mobile-clear'>
                    <h2>Drop us a line</h2>
                    <!-- contact form inputs-->
                    <form id="contact-form" novalidate="" name="contact-form" method="post" >
                        <input type='email' name='user-email' placeholder='Email'>
                        <textarea name="user-message" placeholder="Message"></textarea>
                        <button type="submit" class='btn btn-large btn-success btn-form icon-circled-right btn-animate'>submit</button>
                    </form><!-- end contact form inputs -->
                </div>

                <div class='clearfix'></div>
                <div class='container devider'></div>

                <p class='copy'>© Appcorner, 2013. All rights reserved. Done by Olia Gozha</p>

            </div>
        </footer>
    </div>

    <!-- JavaScript-->
        <!-- jQuery 1.9.1--> 
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/jquery-1.10.1.min.js"><\/script>')</script>
        <!-- Bootstrap 3--> 
        <script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js"></script>
        <!-- Mobile navigation menu-->
        <script src="js/jquery.mobile.menu.js"></script>
        <!-- Waypoint -->
        <script src="js/waypoints.min.js"></script>
        <!-- Form -->
        <script src="js/jquery.form.js"></script>


        <!-- Custom -->
        <script src="js/custom.js"></script>

</body>